<div style="width:100%;height:70px">

    <el-menu [model]="0" (modelChange)="handle($event)" class="el-menu-demo" mode="horizontal"
    background-color="#545c64"
    active-text-color="#ffd04b"
    text-color="#fff" >
    <el-menu-item index="1">MES系统</el-menu-item>
    <el-submenu index="2" *ngFor="let item of datas" [index]="item.index" [title]="item.title">
        <!-- <el-menu-item index="2-1">选项1</el-menu-item>
        <el-menu-item index="2-2">选项2</el-menu-item>
        <el-menu-item index="2-3">选项3</el-menu-item> -->
      
        <el-menu-item *ngFor="let detailItem of getChildMenuDate(item)" [index]="detailItem.index">
            <a  routerLinkActive="active" [routerLink]="detailItem.linkUrl">  {{detailItem.title}}</a> 
        
        
        </el-menu-item>
      </el-submenu>
    </el-menu>

<!-- <el-menu [model]="0" (modelChange)="handle($event)" class="el-menu-demo" mode="horizontal"
background-color="#545c64"
active-text-color="#ffd04b"
text-color="#fff">
<el-menu-item index="1">MES系统</el-menu-item>
<el-submenu index="2" title="基础信息配置">
  <el-menu-item index="2-1">选项1</el-menu-item>
  <el-menu-item index="2-2">选项2</el-menu-item>
  <el-menu-item index="2-3">选项3</el-menu-item>
</el-submenu>
<el-submenu index="2" title="卡夹管理">
  <el-menu-item index="2-1">  <a  routerLinkActive="active" routerLink="./cst">卡夹管理</a> </el-menu-item>
  <el-menu-item index="2-2">选项2</el-menu-item>
  <el-menu-item index="2-3">选项3</el-menu-item>
</el-submenu>
<el-submenu index="2" title="基板管理">
  <el-menu-item index="2-1">选项1</el-menu-item>
  <el-menu-item index="2-2">选项2</el-menu-item>
  <el-menu-item index="2-3">选项3</el-menu-item>
</el-submenu>
<el-submenu index="2" title="生产作业">
  <el-menu-item index="2-1">选项1</el-menu-item>
  <el-menu-item index="2-2">选项2</el-menu-item>
  <el-menu-item index="2-3">选项3</el-menu-item>
</el-submenu>
<el-submenu index="2" title="异常作业">
  <el-menu-item index="2-1">选项1</el-menu-item>
  <el-menu-item index="2-2">选项2</el-menu-item>
  <el-menu-item index="2-3">选项3</el-menu-item>
</el-submenu>
<el-menu-item index="3"><a href="" target="_blank">CFM看板</a></el-menu-item>
</el-menu> -->
</div>
 
<div style="height:770px;width:100%;">
  <router-outlet></router-outlet>
</div>

